<template>
  <div class="calendar">
    <CalendarTop />
    <CalendarList />
    <CalendarBottom />
  </div>
</template>

<script setup>
import CalendarTop from './CalendarTop.vue'
import CalendarList from './CalendarList.vue'
import CalendarBottom from './CalendarBottom.vue'
</script>

<!-- lang = scss 这里写 scss 语法 -->
<style lang="scss" scoped>
.calendar {
  width: 600px;
  // height: 400px;
  margin: 50px auto;
  border-radius: 16px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08);
}
</style>
